<template>
	<view class="banner-box">
		<image :src="imageurl+'/assets/img/4.png'" class="banner-image" @click="jump(2)"></image>
		<image :src="imageurl+'/assets/img/1.png'" class="banner-image" @click="jump(4)"></image>
		<image :src="imageurl+'/assets/img/2.png'" class="banner-image" @click="jump(5)"></image>
		<image :src="imageurl+'/assets/img/3.png'" class="banner-image" @click="jump(6)"></image>
	</view>
	
	
</template>

<script>
import { IMG_URL } from '@/env.js';

export default {
	components: {
		
	},
	data() {
		return {
			imageurl:IMG_URL,
			
		}
	},
	onLoad() {

	},
	onShow(){
		
	},
	methods: {
		jump(category){
			uni.navigateTo({
				url: '/pages/product/list?data={"shop_category_id":'+category+'}',
			})
		}
	}
}	
	
</script>

<style scoped>
	.banner-box{
		padding: 30rpx;
	}
	.banner-image{
		width: 690rpx;
		height: 300rpx;
		padding-top: 30rpx;
	}
</style>